import {onMounted,computed, reactive} from 'vue'

export default function () {
  // 数据
  let person = reactive({
    name:'张三',
    age:18
  })
  let fullName = computed(()=>{
    // 复制一份年龄，避免修改原始数据
    const newAge = person.age; 
    return `${person.name}${newAge}`;
  })

  // 方法
  function add() {
    person.age += 1
  }

  // 钩子
  onMounted(()=>{
    add()
  })

  // 给外部提供东西
  return {person,fullName,add}
}